<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<link rel="stylesheet" type="text/css" href="css/reset.css" />
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<meta name="viewport" content="width=device-width,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no">
	<body oncontextmenu="return false" onselectstart="return false" ondragstart="return false" oncopy="return false" oncut="return false;">
		<title></title>
		</head>
		<style type="text/css">
			.content {
				width: 1200px;
				height: auto;
				margin: 0 auto;

			}

			.main {
				padding-left: 100px;
				padding-right: 100px;
			}
			.cnt{
				
				display: flex;
				flex-wrap: wrap;
			}
.item{
	display: flex;
	flex-direction: column;
	align-items: center;
	margin-right: 50px ;
	margin-bottom: 20px;
}
.item img{
	width: 300px;
	height: 240px;
	margin-bottom: 10px;
}

		
		</style>
		<body>
			<div class="content">
				<div class="main">

				<div class="cnt">
				<div class="item">
					<img src="img/hy_ditu_1.png" >
					<span>行政处罚</span>
				</div>
				<div class="item">
					<img src="img/hy_ditu_1.png" >
					<span>行政处罚</span>
				</div>
				<div class="item" style="margin-right: 0;">
					<img src="img/hy_ditu_1.png"  >
					<span>行政处罚</span>
				</div>
				<div class="item">
					<img src="img/hy_ditu_1.png" >
					<span>行政处罚</span>
				</div>
				<div class="item">
					<img src="img/hy_ditu_1.png" >
					<span>行政处罚</span>
				</div>
					
				</div>

				</div>
			</div>




			<script src="js/jquery.min.js" type="text/javascript" charset="utf-8"></script>
			<script type="text/javascript">
			
			</script>
		</body>
</html>
